@import "mixin";
@import "common";
html, body {
    .px2rem(min-height,1920);
}
.main {
    .padding-bottom(270);
}
.shopCarList dl{
    .px2rem(height,444);
    display: flex;
    align-items: center;
    border-bottom: 1px solid #c2c2c2;
    .check{
       
        .px2rem(width,120);
        height: 100%;
        background: url("../img/椭圆 7副本.png") no-repeat center;
        background-size: 55%;
    }

    &.ed .check{
        background-image: url(../img/redcircle.png);

    }
    .img {
        .margin-right(30);
        img {
            display: block;
            .px2rem(width,350);
            .px2rem(height,350);
        }
    }
    .detail {
        flex: 1;
        .padding-right(50);
        h2 {
            .font(44,#010101);
            font-weight: bold;
            .line-height(58);
        }
        .color {
            .margin-top(25);
            .font(36,#878a93);
        }
        .price {
            .margin-top(34);
            display: flex;
            figure {
                flex: 1;
                &:first-child {
                    font-weight: bold;
                    b {
                        color: red;
                    }
                    span {
                        .font(50,red);
                    }
                }
                &:nth-child(2) {
                   .font(38,red);
                    text-align: right;
                   font-weight: bold;
                }
            }
            
        }
    }
}
.shopCarBar {
    display: flex;
    align-items: center;
    .px2rem(height,134);
    .font-size(48);
    background: #e4e4e4;
    position: fixed;
    left: 0;
    bottom: 1.25rem;
    width: 100%;
    .quanxuan {
        .px2rem(width,120);
        height: 100%;
        background: url("../img/椭圆 7副本.png") no-repeat center;
        background-size: 55%;
        &.ed {
            background-image: url(../img/redcircle.png);
        }
    }
    .heji {
        flex: 1;
        display: flex;
        font-weight: bold;
        span:first-child {
            flex: 1;
        }
        span:nth-child(2) {
            flex: 1;
            text-align: right;
            .padding-right(40);
            a {
                text-decoration: none;
                color: red;
            }
        }
    }
    .jiesuan {
        .px2rem(height,134);
        .px2rem(width,288);
        color: white;
        background: red;
        text-align: center;
        .line-height(134);
    }
}
